<div style="height: 100%" init-load="banner_omniboard">
       <ng-include src="'html/header.html'"></ng-include>
	<!-- banner start -->
	<div id="banner" class="banner">
		<div class="banner-image"></div>
		<div class="banner-caption"  style="top:50%;">
			<div class="container">
				<div class="row">
					<div class="caption-data" style="margin-top: 0px; opacity: 1;width:50%;" data-animation-effect="fadeIn">
						<h1 style="color:#fff; text-transform: none;text-align: left;">Dashboard for Better User Experience</h1>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- -->

		<!-- 管理-->
		<section class="clearfix secPadding">
			<div class="container">
				<div id="manage" class="row">
					<div class="col-md-12">
						<h1 class="title text-center">Omniboard</h1>
						<div class="space"></div>
						<div class="col-md-6 unslider" unslider='{"alia":"omniboard","num":"3"}'>
						</div>
							<div class="col-md-6">
								<p>&#12288;&#12288;
									优秀的用户体验，通过使用HTML5，CSS3，AngularJS，Spring等先进的技术框架，并以卡片的形式支持多业务点灵活扩展，
									可通过标准API连接第三方系统进行数据交互和分析。可以用于用户桌面，移动，大屏幕的展现。</p>
								<ul class="list-unstyled kafka-detail">
									<li><i class="fa fa-arrow-circle-right pr-10 colored"></i>卡片可插拔</li>
									<li>卡片遵循松耦合的设计，支持可插拔
									</li>
									<li><i class="fa fa-arrow-circle-right pr-10 colored"></i>卡片组合</li>
									<li>用户可根据需要定制自己的卡片组合，且可保存多个组合
									</li>
									<li><i class="fa fa-arrow-circle-right pr-10 colored"></i>卡片位置拖动</li>
									<li>板上的卡片可随意拖动调整其位置
									</li>
									<li><i class="fa fa-arrow-circle-right pr-10 colored"></i>卡片配置</li>
									<li>可配置每张卡片大小、风格、及显示内容
									</li>
									<li><i class="fa fa-arrow-circle-right pr-10 colored"></i>卡片刷新设置</li>
									<li>卡片支持刷新频率设置，可根据不同的应用场景设置不同的刷新频率
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
		</section>
		<!-- section end -->

		<!-- section end -->
	<ng-include src="'html/footer.html'"></ng-include>

</div>
